<template>
    <div class="BandUSDT">
        <div class="container f-column f-j-between f-a-start">
            <input type="text" v-model="usdtAddress" placeholder="请输入或粘贴接收USDT钱包地址">
            <span class="message">请认真核对接收钱包地址，可以粘贴，如因输入地址错误导致的财产损失将由用户自行承担</span>
        </div>
        <div class="container">
            <div class="submitButton">确定</div>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import {NAV_BAR_INFO} from "@/store/MutationTypes";
@Component({
    name: 'BandUSDT'
})
export default class extends Vue {
    private usdtAddress: string | null = null;
    private mounted(): void {
        let __this = this;
        this.$common.scrollToTop();
        this.$store.dispatch(NAV_BAR_INFO, {
            leftItem: {name: '返回', click: () => {
                    __this.$router.push('/setting');
                }}
        })
    }
}
</script>

<style scoped lang="less">
.BandUSDT {
    padding: 0.2rem 0.3rem;
    & .container {
        padding: 0.4rem 0.3rem;
        background-color: white;
        border-radius: 0.1rem;
        margin-bottom: 0.2rem;
        text-align: left;
        & input {
            padding: 0.2rem 0.2rem 0.1rem 0.2rem;
            width: 100%;
            font-size: 0.3rem;
        }
        & .message {
            color: #E02020;
            font-size: 0.2rem;
            display: inline-block;
            margin-top: 0.2rem;
            line-height: 0.4rem;
        }
    }
}
</style>
